<template>






	<view class="con">
		<swiper class="swiper-container">
			<swiper-item class="swiper-item">
				<view class="p30">

					<view class="swiper-tit">【武汉市艺术职业学校】</view>

					<view class="swiper-desc">按照党委宣传部下发的《关于2020年10月份理论学习安排的通知》要求，结合学习贯彻学校第四...次党代会精神、迎接建党100周年等活动要求，10月1
						9日上午，继续教育学院理论学习中心组成员在中南楼607—2会议室进行了2020年度第10次集中学习。会议由院长刘建明主持，副院长徐银华、付绍山、刘建秋及党支部副书记李文静参会学习。</view>
					<view class="more" style=" ">
						<text>更多</text>
						<u-icon name="arrow-right" color="#3C68E5" size="32"></u-icon>
					</view>
				</view>
			</swiper-item>
			<swiper-item class="swiper-item">
				<view class="p30">
					<view class="swiper-tit">【武汉市艺术职业学校】</view>
					<view class="swiper-desc">按照党委宣传部下发的《关于2020年10月份理论学习安排的通知》要求，结合学习贯彻学校第四...次党代会精神、迎接建党100周年等活动要求，10月1
						9日上午，继续教育学院理论学习中心组成员在中南楼607—2会议室进行了2020年度第10次集中学习。会议由院长刘建明主持，副院长徐银华、付绍山、刘建秋及党支部副书记李文静参会学习。</view>
				</view>
			</swiper-item>
		</swiper>

		<view class="index-container">
			<template v-for="item in swiperArr">


				<view class="ent-item u-flex p30" >
					 <!-- {{item.url}} -->
					<image style="" v-for="(data,i) in item" :key="index" :src="data.icon" :url="data.url" @click="handleMenuClick(data)">
						<!-- {{data.url}} -->
					</image>

				</view>
			</template>
		</view>
<!-- 		<view class="application">
			<view class="bg">

			</view>
			<view class="func">
				<view class="levelOne">
					<swiper class="swiper" indicator-dots=true duration="500" circular=true easing-function="linear"
					 indicator-active-color="#3C68E5">
						<swiper-item v-for="(swi, index) in swiperArr" :key="index" class="swiperBox">
							{{swi.icon}}
							<view v-for="(swi, i) in swi" :key="i" class="swiperItem">
								<view :url="swi.url" class="menuItem" @click="handleMenuClick(swi)">
									<image :src="swi.icon"></image>
									<text v-text="swi.name"></text>
								</view>
							</view>
						</swiper-item>
					</swiper>
				</view>
			</view>
		</view> -->
	</view>
</template>

<script>
	import userMixins from '@/libs/userMixins';
	export default {
		mixins: [userMixins],
		data() {
			let self = this;
			return {
				showLogin: '',
				roleType: '',
				bindStatus: '',
				swiperArr: [],
				entranceList: [],
				menuList: [{
						name: '学生实习',
						icon: '/static/images/xssx.png',
						url: '/modules/timetable/index',
						notFinish: true,
					},
					{
						name: '成长档案',
						icon: '../../static/images/czda.png',
						url: '/modules/meal/menu',
						notFinish: true,
					},
					{
						name: '企业实践',
						icon: '/static/images/qysj.png',
						url: '/modules/timetable/index',
						notFinish: true,
					},
					{
						name: '竞赛信息',
						icon: '../../static/images/jsxx.png',
						url: '/modules/meal/menu',
						notFinish: true,
					},
					{
						name: '教师培训',
						icon: '../../static/images/jxpx.png',
						url: '/modules/teachLog/list?type=all',
						notFinish: true,
					},
					{
						name: '我的荣耀',
						icon: '../../static/images/wdry.png',
						url: '/modules/glory/index',
					},
					{
						name: '教师档案',
						icon: '../../static/images/jsda.png',
						url: '/modules/classRollCall/classRollCallMenu',
						notFinish: true,
					},
				],
			};
		},
		onLoad() {},
		onShow() {
			this.fetchUserRoleInfoAct(() => {
				this.updateRightOp();
			});
		},
		methods: {
			// 更新权限
			updateRightOp() {
				this.swiperArr = this.getMenuList(this.menuList);
				// debugger
			}
		},
		components: {},
		watch: {},
		computed: {},
	};
</script>

<style lang="scss" scoped>
	.swiper-container {
		background-color: #EEF3FF;
		height: 292rpx;

		.swiper-item {
			.swiper-tit {
				color: #3C68E5;
				font-weight: bold;
				font-size: 40rpx;

			}

			.swiper-desc {
				color: #0C1227;
				margin: 24rpx 0;
				font-size: 32rpx;
				line-height: 48rpx;
				height: 96rpx;
				overflow: hidden;
			}

			.more {
				position: absolute;
				bottom: 24rpx;
				right: 30rpx;
				color: #3C68E5;
				font-size: 28rpx;

				text {
					color: #3C68E5;
					font-size: 28rpx;
				}
			}
		}

	}

	.index-container {
		background-color: #fff;
		.ent-item{
			justify-content: space-between;
			flex-wrap: wrap;
			image{
				width: 330rpx;
				height: 232rpx;
				margin-bottom: 30rpx;
				// margin-right: ;
			}
		}
	}

	.con {
		background: #f2f4f5;
	}

	.application {
		.bg {
			width: 100%;
		}
	}

	.func {
		width: 700upx;
		background-color: #ffffff;
		margin: -100upx auto 0 auto;
		border-radius: 8upx;
		display: block;
		padding: 80upx 0;
		position: relative;
		z-index: 999;

		.levelOne {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			background: #fff;

			view {
				flex: 0 1 25%;
				text-align: center;
				margin-bottom: 80upx;

				image {
					width: 50upx;
					height: 50upx;
					display: block;
					margin: 0 auto 20upx auto;
				}

				text {
					font-size: 26upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: rgba(51, 51, 51, 1);
				}
			}
		}

		.levelTwo {
			padding: 0 23upx;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			text-align: center;
			align-items: center;

			view {
				display: flex;
				flex: 0 1 210upx;
				height: 120upx;
				margin-bottom: 20upx;
				align-items: center;
				justify-content: space-around;
				background: rgba(241, 244, 255, 1);
				border-radius: 8upx;

				image {
					width: 34upx;
					height: 34upx;
				}

				text {
					font-size: 28upx;
					font-family: Source Han Sans CN;
					font-weight: bold;
					color: rgba(62, 65, 199, 1);
				}
			}
		}
	}

	.swiper {
		width: 100%;
		height: 400upx;

		.swiperBox {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			background: #fff;

			.swiperItem {
				.menuItem {
					margin-bottom: 0;
				}

				image {
					width: 50upx;
					height: 50upx;
					display: block;
					margin: 0 auto 20upx auto;
				}

				text {
					font-size: 26upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: rgba(51, 51, 51, 1);
				}
			}
		}

	}
</style>
